<template>
  <div>
    <bread class="filter">
      <h1>纵向项目导入与审核</h1>
      <span class="el-icon-arrow-right icon"></span>
      <span class="sub-title">二级标题</span>
    </bread>
    <pageContent>
      <div class="page-wrap">
        <div class="upload" >
          <div class="icon"><i class="iconfont icon-shangchuan"></i></div>
          <el-button type="primary" @click="upExcel">上传 Excel</el-button>
          <p>点击或将纵向立项名单文件拖拽到这里 系统将自动解析本单位项目及项目相主持人</p>
        </div>
        <div class="load" v-if="false">
          <el-progress :text-inside="true" :stroke-width="18" :percentage="70"></el-progress>
          <p>正在解析您提交的信息，请稍候 …</p>
        </div>
        <div class="status fail" v-if="false">
          <div class="icon"><i class="iconfont icon-shangchuan"></i></div>
          <h1>解析失败</h1>
          <p>系统未能解析出您的文件，请检查文件是否正确 或者联系技术支持</p>
          <div class="btn">
            <el-button type="primary">联系技术支持</el-button>
            <p><el-button type="primary" plain>继续导入</el-button></p>
          </div>
        </div>
        <div class="status unfinded" v-if="false">
          <div class="icon"><i class="iconfont icon-shangchuan"></i></div>
          <h1>该文件中没有找到本校项目</h1>
          <p>该文件中没有找到本校的项目信息，请可以先去管理项目或重新导入</p>
          <div class="btn">
            <el-button type="primary">管理项目</el-button>
            <p><el-button type="primary" plain>继续导入</el-button></p>
          </div>
        </div>
        <div class="status success" v-if="false">
          <div class="icon"><i class="iconfont icon-shangchuan"></i></div>
          <h1>导入成功</h1>
          <p>成功导入 20 个纵向项目，并已通知相关项目主持人</p>
          <div class="btn">
            <el-button type="primary">管理已导入项目</el-button>
            <p><el-button type="primary" plain>继续导入</el-button></p>
          </div>
        </div>
      </div>
    </pageContent>

  </div>
</template>

<script>
export default {
  name: 'hello',
  data () {
    return {

    }
  },
  methods: {
    upExcel () {
      this.$router.push('/index/project-management/row-setup-success')
    }
  },
  components: {
  }
};
</script>
<style scoped lang="scss">
  @import './index.scss';
</style>
